<section id="content">
    <center>
        <h1>ezXSS</h1>
    </center>
    <div class="login">
        {%if isEnabled}
        <form class="form" id="signup" method="post">
            {message}
            <input type=hidden hidden name="csrf" value="{session[csrfToken]}">
            <div class="form-group">
                <label class="control-label" for="username">Username</label>
                <input class="form-control" id="username" name="username" type="username">
            </div>
            <div class="form-group">
                <label class="control-label" for="password">Password</label>
                <div class="input-group">
                    <input class="form-control" id="password" name="password" type="text">
                    <span class="input-group-addon"><a class="generate-password"
                            style="cursor:pointer">Generate</a></span>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label" for="domain">Payload domain</label>
                <div class="input-group">
                    <input class="form-control" id="domain" name="domain" type="text">
                    <span class="input-group-addon" style="color:white">.{domain[]}</span>
                </div>
            </div>
            <button class="btn">Sign up</button>
        </form>
        {%/if}

        {%!if isEnabled}
        <div>Sign up is disabled.</div>
        {%/!if}
    </div>
</section>